<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no,
          initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/details.css"/>
    <script src="js/jquery-1.11.3.js"></script>
    <title></title>
</head>
<body>

<!--头部标题部分-->
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <h2 class="t_title">VOL.224：吉利带你上天，你去不去？</h2>
        </div>
        <div class="col-xs-1">
            <img src="img/heard-logo-icon.png" style="width:25px;height:25px;border-radius:50%;"/>
        </div>
        <div class="col-xs-4" style="padding-right:7px;">
          Heard听说<span class="iconV" >V</span>
    </div>
        <!--<div class="col-xs-6"></div>-->
        <div class="col-xs-4 col-xs-offset-3">
            <p style="color:#999999;">播放:<span id="total—play"></span></p>
        </div>
    </div>
</div>
<!--中间部分-->
<div class="container">
    <!--start row1-->
    <div class="row">
        <div class="col-xs-8 col-xs-offset-2" style="position:relative;margin-top:30px;">
            <img src="img/ad4.jpg" style="width:100%;border-radius:6px;"/>
            <a id="btn" class="pause_icon"></a>
            <audio id="a1"></audio>
        </div>
        <div class="col-xs-12" style="display: flex;
        justify-content: space-between;margin-top:20px;">
            <span class="current time">00:00</span>
            <span class="duration time">0</span>
        </div>
        <div class="col-xs-12">
            <!--&lt;!&ndash;进度条样式&ndash;&gt;-->
            <div id="progressWrap">
                <span id="showProgress"></span>
                <div id="playProgress">
                    <div class="preload_header"></div>
                </div>
            </div>
        </div>
    </div>
    <!--end row1-->
</div>

<!--start 文字部分-->
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <p class="box_txt">
                士大夫考虑傻得可怜极客拉束带结发卡上搭建f、阿萨德离开房间数量都快放假
                答复克鲁塞德解放路口as撒地方开了多久了看     发撒打开了飞机离开撒大家
                克里斯多夫金坷垃的事件卡萨丁附近开了案件啥福利卡大家来看家属楼；打开加;
                克鲁塞德交罚款；路上大家啊；离开家里；看电视附件啊；上搭建开发as；到了空间发；克里斯丁
            </p>
        </div>

    </div>
</div>
<!--end 文字部分-->










<script src="js/jquery.mobile.min.js"></script>
<script src="js/details.js"></script>
<script src="js/bootstrap.min.js"></script>

</body>
</html>